<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Oauth2 Server</title>
    <meta name="description" content="login page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link id="bootstrap-rtl-link" href="" rel="stylesheet" />
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
    <link id="beyond-link" href="assets/css/beyond.min.css" rel="stylesheet" />
    <link href="assets/css/demo.min.css" rel="stylesheet" />
    <link href="assets/css/animate.min.css" rel="stylesheet" />
    <link id="skin-link" href="" rel="stylesheet" type="text/css" />
    <script src="assets/js/skins.min.js"></script>
</head>
<body>
	<div class="login-container animated fadeInDown">
	    <div class="loginbox bg-white">
	        <div class="loginbox-title">登陆</div>
	        <div class="loginbox-social">
	            <div class="social-title ">仅限后端数据维护使用</div>
	            <div class="social-buttons">
	                <a href="" class="button-facebook">
	                    <i class="social-icon fa fa-facebook"></i>
	                </a>
	                <a href="" class="button-twitter">
	                    <i class="social-icon fa fa-twitter"></i>
	                </a>
	                <a href="" class="button-google">
	                    <i class="social-icon fa fa-google-plus"></i>
	                </a>
	            </div>
	        </div>
	        <div class="loginbox-or">
	            <div class="or-line"></div>
	            <div class="or">OR</div>
	        </div>
	        <form id="loginForm" action="/login" method="post">
	        	<div class="loginbox-textbox">
		            <input type="text" class="form-control" placeholder="账户" name="username"/>
		        </div>
		        <div class="loginbox-textbox">
		            <input type="password" class="form-control" placeholder="密码" name="password"/>
		        </div>
	        </form>
	        <div class="loginbox-forgot">
	            <a href="#">忘记密码?</a> <span style="color:red;padding-left:15px;font-size:10px;">${error }</span>
	        </div>
	        <div class="loginbox-submit">
	            <button type="button" class="btn btn-primary btn-block" onclick="javascript:login()">登陆</button>
	        </div>
	    </div>
	    <div class="logobox">
	
	    </div>
	</div>
<script src="assets/js/jquery-2.0.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/beyond.min.js"></script>
<script src="assets/js/toastr/toastr.js"></script>
<script type="application/javascript">
    function login(){
    	document.getElementById("loginForm").submit();
    }

    $(function(){
        document.onkeydown = function(e){
            var ev = document.all ? window.event : e;
            if(ev.keyCode==13) {
                login();
            }
        }
    });
</script>
</body>
</html>